<%@ page import="cn.itlaobing.web.utils.IConstants" %>
<%--
  Created by IntelliJ IDEA.
  User: LD
  Date: 2017/12/12/0012
  Time: 9:56
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <base href="<%=basePath%>" >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>欢迎登录<%=IConstants.MANAGEMENTMSG %></title>
    <meta name="description" content="<%=IConstants.MANAGEMENTDESC %>" />

    <link href="/management/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/common/css/message.css" rel="stylesheet" type="text/css" />
    <script language="JavaScript" src="/management/js/jquery.js"></script>
    <script src="/management/js/cloud.js" type="text/javascript"></script>

    <script language="javascript">
        $(function(){
            $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
            $(window).resize(function(){
                $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
            });
        });
    </script>

</head>

<body style="background-color:#1c77ac; background-image:url(/management/images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">



<div id="mainBody">
    <div id="cloud1" class="cloud"></div>
    <div id="cloud2" class="cloud"></div>
</div>


<div class="logintop">
    <span>欢迎登录后台管理界面平台</span>
</div>

<div class="loginbody">
    <span class="systemlogo"></span>

    <div class="loginbox loginbox3">
        <form id="loginform" action="/management/dologin" method="post" >
            <ul>
                <li><input name="userAccount" type="text" class="loginuser" value="${user.userAccount}" placeholder="请输入用户账号" /></li>
                <li><input name="userPass" type="password" class="loginpwd" value="${user.userPass}" placeholder="请输入密码" /></li>
                <li class="yzm">
                    <span><input name="usercode" type="text" value="${usercode}" placeholder="请输入验证码" /></span>
                    <cite>
                        <!-- <img alt="这是图片" src="/img/001.png"/> -->
                        <img alt="验证码" onclick = "this.src='/getKaptcha?d='+new Date()*1" src="/getKaptcha" />
                    </cite>
                </li>
                <li><input  type="submit" class="loginbtn" value="登录"/><label><a href="#">忘记密码？</a></label></li>
            </ul>
        </form>
    </div>

</div>


<div class="loginbm">版权所有   <a href="javascript:void(0);">www.itlaobing.cn</a>  后台管理系统</div>
<script src="/common/js/jquery.min.js"></script>
<script src="/common/js/message.js"></script>
<c:if test="${not empty notice}">
<script type="text/javascript">
    $(window).load(function() {
        $.message({
            message:"${notice }",
            type:'error'
        });
    });
</script>
</c:if>
<%--登录验证--%>
<script type="text/javascript" src="/management/js/login.js"></script>
</body>
</html>
